<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
    <title>登陆</title>
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <script type="text/javascript" src="static/js/bootstrap.min.js"></script>
</head>

<body>
<div class="jumbotron" style="margin:0">
    <div class="container">
        <p>Welcome Dirary Website</p>
    </div>
</div>

<!--<div class="alert alert-success alert-dismissible fade in" role="alert" style="margin: 0">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
    </button>
    <strong> UserName !</strong> 欢迎登录九宫格日记网
</div>-->

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">九宫格日记网</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">

            </ul>

            <!--<ul class="nav navbar-nav navbar-right">-->
            <!--<li class="dropdown">-->
            <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"-->
            <!--aria-expanded="false">UserName<span class="caret"></span></a>-->
            <!--<ul class="dropdown-menu">-->
            <!--<li><a href="#">我的日记</a></li>-->
            <!--<li><a href="#">我的资料</a></li>-->
            <!--<li role="separator" class="divider"></li>-->
            <!--<li><a href="#">退出登录</a></li>-->
            <!--</ul>-->
            <!--</li>-->
            <!--</ul>-->
            <!--<div class="navbar-form navbar-right">-->
            <!--<a type="button" class="btn btn-success">新建日记</a>-->
            <!--</div>-->

            <div class="navbar-form navbar-right">
                <a type="button" class="btn btn-primary">登录</a>
                <a type="button" class="btn btn-info">注册</a>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <form class="form-horizontal" method="POST" action="">

                <div class="form-group">
                    <label for="email" class="col-md-4 control-label">用户名</label>

                    <div class="col-md-6">
                        <input id="email" type="email" class="form-control" name="username"
                               value="" required autofocus placeholder="Username">
                    </div>
                </div>

                <div class="form-group">
                    <label for="password" class="col-md-4 control-label">密码</label>

                    <div class="col-md-6">
                        <input id="password" type="password" class="form-control" name="password" required placeholder="Pwssword">
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-8 col-md-offset-4">
                        <button type="submit" class="btn btn-primary">
                            登录
                        </button>

                        <a class="btn btn-link" href="">
                            忘记密码?
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>